<template>
  <div class="home">
    <top-bar></top-bar>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  import topBar from './topBar'
  import sideBar from './sideBar'
  export default {
    name: "home",
    components:{
      'top-bar':topBar,
      'side-bar':sideBar
    }
  }
</script>

<style scoped lang="scss">
  @import "../../static/style/public";
  .home{
    display: flex;
    background-color: $grey;
    width:100%;
    height:100%;
    .content{

      margin-top:$topBarHeightMax;
      padding:40px 10%;
      width:100%;
      background-color: white;
      overflow-x:auto;
      overflow-y: auto;
    }
  }
</style>
